<template>
  <div class='shops'>
    <div class="shops-info mr10">
      <ShopInfo />
      <HotSales :titleInfo0="titleInfo" />
    </div>
    <ComSearch class="com-search" />
    <Serve class="serve" />
  </div>
</template>
<script>
import ComSearch from '../windShop/search/search.vue'
import ShopInfo from './shopInfo.vue'
import HotSales from '../windShop/hotSelected/hotSelected.vue'
import Serve from '@/components/serve/serve.vue'
export default {
  components: {ComSearch,ShopInfo,HotSales,Serve},
  name: "",
  data() {
    return {
      titleInfo:{
        icon:"iconfont icon-huo color-red mr10 ",
        title:"店铺热销",
        class:"mt0"
      }
    };
  },
  methods: {},
  created() {}
};
</script>
<style lang="scss" scoped>
.shops {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;

  .shops-info{
    width: 250px;
    margin: 10px;
    margin-left: 0;
    box-sizing: border-box;
  }
  .com-search{
    flex: 1;
    padding-top: 10px;
  }
  .serve{
    width:100%;
    margin-top: 100px;
  }
}
</style>